<template>
  <p>初始msg: {{ msg }}</p>
  <p>反转后的msg: {{ reversedMsg }}</p>
  <button @click="editMsg">更改</button>
</template>

<script setup>
import { ref, computed } from "vue";
let msg = ref("Hello World");
let reversedMsg = computed(function () {
    return msg.value.split("").reverse().join("");
});
function editMsg (){
    msg.value="hello";
}

// let reversedMsg = ref("");
// function editMsg() {
//   reversedMsg.value = msg.value.split("").reverse().join("");
// }
</script>

<style>
</style>
